<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>展示用户更新</title>
	<script src="/jquery-3.4.1.min.js"></script>
	<script type="text/javascript">
		window.onload = function () {
			var oBut = document.getElementById("but1");
			oBut.onclick = function (){ //为提交按钮设置点击事件
				$.ajax({
					url:"http://localhost:8080/add", //待载入页面URL地址
					type: "post",  //默认为get方式
					async:"true",
					// dataType:"json", //字符串类型text
					data:{
						"name":$("#txt1").val(),
						"password":$("#txt2").val()},//待发送的value参数,最后的逗号","不要忘记,单引号和双引号没多大区别
					success:function () {
						$.ajax({
							url:"http://localhost:8080/findUserAll"
						});

					}
				});
			}
		};
	</script>
</head>
<body>
	<table border="1" style="width: 500px;">
		<tr>
			<th>用户ID</th>
			<th>用户姓名</th>
			<th>用户年龄</th>
<!--			<th>操作</th>-->
		</tr>
			<tr th:each="user : ${list}">
			<td th:text="${user.id}"></td>
			<td th:text="${user.name}"></td>
			<td th:text="${user.age}"></td>
		</tr>
		<div>
			姓名：<input id="txt1" type="text" ></input><br></br>
			年龄：<input id="txt2" type="text" ></input><br></br>
			<input id="but1" type="button" value="增加"></input>
		</div>
	</table>
</body>
</html>